import './grandson.js'

Vue.component('child', {
  props: ['title', "obj"],
  template: `
    <div>
      <h1>child</h1>
      <grandson :title="title"></grandson>
      {{myObj}}
    </div>
  `,

  mounted() {
    console.log('child mounted.')
  },

  data() {
    return {
      myObj: this.obj
    }
  },

  updated() {
    console.log('child updated.')
  },
})